<template>
  <div class="p-4 top-box">
    <div>
      <NAvatar src="/user.svg" round circle size="small"></NAvatar>
    </div>
    <div class="fs-2">用户首页</div>
    <HuangUserInfo></HuangUserInfo>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { useUserStore } from '@/stores/userStore'
import { storeToRefs } from 'pinia'
import HuangUserInfo from '@/components/HuangUserInfo.vue'
import { NAvatar } from 'naive-ui'

const { updateUserInfo } = useUserStore()
const { islogin, user } = storeToRefs(useUserStore())
</script>

<style scoped>
.top-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
</style>
